﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>演出列表</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"/>
    <!--公有引用-->
    <link rel="stylesheet" th:href="@{/css/weui.css}" />
    <link rel="stylesheet" th:href="@{/css/weui2.css}" />
    <link rel="stylesheet" th:href="@{/css/weui3.css}" />
	<script th:src="@{/js/zepto.min.js}"></script>
</head>
<body>
  
    <!--列表-->
    <div class="weui_panel weui_panel_access">
        <div class="weui_panel_bd">
            <a th:each="play : ${plays}" href="#" th:attr="data-id=${play.id},data-code=${play.status}" class="weui_media_box weui_media_appmsg">
                <div class="weui_media_hd">
                    <img class="weui_media_appmsg_thumb" th:src="${play.url}" />
                </div>
                <div class="weui_media_bd">
                    <h4 class="weui_media_title" th:text="${play.name}"></h4>
                    <p class="weui_media_desc" th:text="${play.playDate3}"></p>
                    <p class="weui_btn weui_btn_mini bg-orange-b" th:text="${play.statusDesc}"></p>
                    <p class="weui_media_desc"><i class="icon icon-69"></i>长沙市天心区劳动西路347号田汉大剧院</p>
                </div>
                <div class="weui_media_ft" th:text="${'¥'+play.minPrice+'起'}"></div> 
            </a>
        </div>
    </div>

    <!--底部导航-->
    <div class="weui-loadmore weui-loadmore-line" >
        <span class="weui-loadmore-tips">暂无数据</span>
    </div>
    <div class="weui_tab tab-bottom">
        <div class="weui_tabbar">
            <a th:href="@{/h5/index}" class="weui_tabbar_item">
                <div class="weui_tabbar_icon">
                    <img th:src="@{/images/icon_trailer_default.png}" alt=""/>
                </div>
                <p class="weui_tabbar_label">预告</p>
            </a>
            <a href="#" class="weui_tabbar_item">
                <div class="weui_tabbar_icon">
                    <img th:src="@{/images/icon_show_default.png}" alt=""/>
                </div>
                <p class="weui_tabbar_label">演出</p>
            </a>
            <a th:href="@{/h5/member}" class="weui_tabbar_item">
                <div class="weui_tabbar_icon">
                    <img th:src="@{/images/icon_mine_default.png}" alt=""/>
                </div>
                <p class="weui_tabbar_label">我的</p>
            </a>
        </div>
    </div>
    <!--页面私有引用-->
    <script type="text/javascript">
        //底部导航
        $(function () {
            var weui_tabbar = $(".weui_tabbar").children("a");
            weui_tabbar.eq(1).addClass("weui_bar_item_on").find("img").attr("src", "../images/icon_show_selected.png");
        });
        $('.weui_media_appmsg').on('click',function(){
            var me = $(this);
            if(me.data("code") != 204002){
                $.alert("还未开始售票", "提示信息");
            }else{
                location.href = '/h5/detail/'+me.data("id");
            }

        });
    </script>
   
</body>
</html>
